
<template>
  <div>
    <div class="bg_video">
      <video muted autoplay="autoplay" loop="loop" src="../assets/video/home-bg.31c7659b.mp4"></video>
    </div>
    <div class="header">
      <olp-header-menu></olp-header-menu>
    </div>

    <div>
      <h1>操作日志</h1>
    </div>

    <div>
      <el-table :data="tableData" height="450" style="width: 85%;margin-left: 100px;">
        <el-table-column prop="id" label="编号" width="180" />
        <el-table-column prop="opName" label="操作人" width="130" />
        <el-table-column prop="staffId" label="操作工号" width="180" />
        <el-table-column prop="level" label="操作等级" width="100" />
        <el-table-column prop="description" label="操作内容" width="180" />
        <el-table-column prop="result" label="操作结构" width="180" />
        <el-table-column prop="gmtCreate" label="操作时间" />
      </el-table>
    </div>
  </div>
</template>

<script setup>
import OlpHeaderMenu from '../components/base/OlpHeaderMenu/OlpHeaderMenu.vue'
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { reactive } from 'vue'
import SecurityAPI from '.././api/security/index'

const router = useRouter()
onMounted(() => {

  if (localStorage.getItem('token') == `""` || localStorage.getItem('token') == null) {
    router.push('/')
  }

  SecurityAPI.Daily.DailyAPI.queryAll().then(res => {
    for (var i = 0; i < res.data.length; i++) {
      tableData[i] = res.data[i];
    }
    console.log(tableData)
  })
})

const tableData = reactive([])

</script>

<style lang="scss" scoped>
.bg_video {
  position: absolute;
  z-index: -1;
  width: 100%;

  video {
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
    object-fit: cover;
    outline: none !important;
    mix-blend-mode: darken;
    width: 100vw;
    height: 99.81vh;
  }
}
</style>